<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>新闻网站，闫石磊的作业</title>
		<style type="text/css">
			#life {
				border: 1px solid darkgrey;
				width: 363px
			}

			#xuxian {
				width: 100%;
				height: 0;
				border-bottom: #717171 1px dashed;
			}

			.biaoge {
				width: 100px;
				height: 100px;
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
        <script type="text/javascript" language="JavaScript">
        var myScrollTop=function() 
        {
        return document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop;
        };
        function mymovemenu() 
        {
        document.getElementById("floatad").style.top=myScrollTop()+400+'px';document.getElementById("floatad").style.right=0+'px';setTimeout("mymovemenu();",50);
        }
        </script>
        <div id="floatad" style="position:absolute;z-index:999;">
        <img src="float_adv.jpg" class="headicon" style="width:80px;height:80px;">
        </div>
        <script type="text/javascript" language="JavaScript">
        mymovemenu(); //调用
        </script>
		<table border="0" class="biaoge" cellspacing="10" cellpadding="10">
			<tr>
				<td>
					<div id="1" style="width: 363px;">
						<!-- 			<p><img src="img/导航.png" width="363px "></p>
	        <div style="width:100px; height:100px; background:url('1.jpg') 0 0 repeat;">
	            <input type="button" value="<<更多" />
	        </div> -->
						<div style="position:relative;">
							<img src="img/导航.png" width="400px " />
							<input type="button" value="<<更多"
								style="position:absolute; right:8px; top:10px;width:50px;height:20px" />
						</div>
						<div id="life">
							<div style="width:331px;margin:0 auto;position: relative;font-size:0px;">
								<img src="deco.jpg">
								<div
									style="width:100%;height:30px;position:;background: rgba(0,0,0,0.4);left:0;bottom:0;color:#fff;font-size:16px;line-height:30px;text-align: center;">
									教你如何画好职业妆
								</div>
								<p style="font-size:13px">时间：11月7日 星期六 14：30<br>
									地点：朝阳区西大望路珠江帝景区E区8号楼2单位-201<br>
									报名人数：<span style="color:coral">6</span>/40
									&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <span
										style="color:coral">2</span>条留言<br>
									休闲活动卡：<span
										style="color:coral">0元</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
									现金支付：<span style="color:coral">30元</span></p>
								<div id="xuxian"></div>
								<table border="0">
									<tr>
										<td>
											<p style="font-size:13px">[派对]<a
													href="https://www.runoob.com/html/html- scripts.html">Networking
													Cocktall Party
												</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月4日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[k歌]<a
													href="https://www.runoob.com/html/html- scripts.html">周六朝外麦乐迪四小时k歌！美女</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[休闲]<a
													href="https://www.runoob.com/html/html- scripts.html">万圣夜和美女僵尸有个约会</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">10月30日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[线上活动]<a
													href="https://www.runoob.com/html/html- scripts.html">打工江湖玄武派英雄招募令！</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
								</table>
							</div>
						</div>

				</td>
				<td>
					<div id="2" style="width: 363px;">
						<div style="position:relative;">
							<img src="img/导航2.png" width="400px " />
							<input type="button" value="<<更多"
								style="position:absolute; right:8px; top:10px;width:50px;height:20px" />
						</div>
						<div id="life">
							<div style="width:331px;margin:0 auto;position: relative;font-size:0px;">
								<img src="maple.jpg">
								<div
									style="width:100%;height:30px;position:;background: rgba(0,0,0,0.4);left:0;bottom:0;color:#fff;font-size:16px;line-height:30px;text-align: center;">
									京秋美丽.相约共赏香山红叶
								</div>
								<p style="font-size:13px">时间：11月7日 星期六 14：30<br>
									地点：朝阳区西大望路珠江帝景区E区8号楼2单位-201<br>
									报名人数：<span style="color:coral">5</span>/40
									&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <span
										style="color:coral">7</span>条留言<br>
									休闲活动卡：<span
										style="color:coral">0元</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
									现金支付：<span style="color:coral">10元</span></p>
								<div id="xuxian"></div>
								<table border="0">
									<tr>
										<td>
											<p style="font-size:13px">[徒步旅行]<a
													href="https://www.runoob.com/html/html- scripts.html">Networking
													Cocktall Party
												</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月4日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[登山]<a
													href="https://www.runoob.com/html/html- scripts.html">周六朝外麦乐迪四小时k歌！美女</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[户外]<a
													href="https://www.runoob.com/html/html- scripts.html">万圣夜和美女僵尸有个约会</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">10月30日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[外拍]<a
													href="https://www.runoob.com/html/html- scripts.html">打工江湖玄武派英雄招募令！</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
								</table>
							</div>
						</div>

				</td>
			</tr>
			<tr>
				<td>
					<div id="1" style="width: 363px;">
						<!-- 			<p><img src="img/导航.png" width="363px "></p>
	        <div style="width:100px; height:100px; background:url('1.jpg') 0 0 repeat;">
	            <input type="button" value="<<更多" />
	        </div> -->
						<div style="position:relative;">
							<img src="img/导航3.png" width="400px " />
							<input type="button" value="<<更多"
								style="position:absolute; right:8px; top:10px;width:50px;height:20px" />
							<!-- <p style="font-size:13px position:absolute; right:8px; top:10px;width:50px;height:20px"><a href="https://www.runoob.com/html/html- scripts.html"><<更多</a>
								</p> -->
						</div>
						<div id="life">
							<div style="width:331px;margin:0 auto;position: relative;font-size:0px;">
								<img src="./swim.jpg">
								<div
									style="width:100%;height:30px;position:;background: rgba(0,0,0,0.4);left:0;bottom:0;color:#fff;font-size:16px;line-height:30px;text-align: center;">
									郡王府游泳（周一）18点45分
								</div>
								<p style="font-size:13px">时间：11月7日 星期六 14：30<br>
									地点：朝阳区西大望路珠江帝景区E区8号楼2单位-201<br>
									报名人数：<span style="color:coral">12</span>/40
									&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <span
										style="color:coral">10</span>条留言<br>
									休闲活动卡：<span
										style="color:coral">0元</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
									现金支付：<span style="color:coral">15元</span></p>
								<div id="xuxian"></div>
								<table border="0">
									<tr>
										<td>
											<p style="font-size:13px">[舞蹈]<a
													href="https://www.runoob.com/html/html- scripts.html">Networking
													Cocktall Party
												</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月4日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[羽毛球]<a
													href="https://www.runoob.com/html/html- scripts.html">周六朝外麦乐迪四小时k歌！美女</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[健身]<a
													href="https://www.runoob.com/html/html- scripts.html">万圣夜和美女僵尸有个约会</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">10月30日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[舞蹈]<a
													href="https://www.runoob.com/html/html- scripts.html">打工江湖玄武派英雄招募令！</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
								</table>
							</div>
						</div>

				</td>
				<td>
					<div id="1" style="width: 363px;">
						<div style="position:relative;">
							<img src="img/导航4.png" width="400px " />
							<input type="button" value="<<更多"
								style="position:absolute; right:8px; top:10px;width:50px;height:20px" />
						</div>
						<div id="life">
							<div style="width:331px;margin:0 auto;position: relative;font-size:0px;">
								<img src="boss.jpg">
								<div
									style="width:100%;height:30px;position:;background: rgba(0,0,0,0.4);left:0;bottom:0;color:#fff;font-size:16px;line-height:30px;text-align: center;">
									【IECA】人大结伴英语--谈谈我们的老板
								</div>
								<p style="font-size:13px">时间：11月7日 星期六 14：30<br>
									地点：朝阳区西大望路珠江帝景区E区8号楼2单位-201<br>
									报名人数：<span style="color:coral">6</span>/40
									&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <span
										style="color:coral">4</span>条留言<br>
									休闲活动卡：<span
										style="color:coral">0元</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
									现金支付：<span style="color:coral">0元</span></p>
								<div id="xuxian"></div>
								<table border="0">
									<tr>
										<td>
											<p style="font-size:13px">[培训]<a
													href="https://www.runoob.com/html/html- scripts.html">Networking
													Cocktall Party
												</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月4日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[讲座]<a
													href="https://www.runoob.com/html/html- scripts.html">周六朝外麦乐迪四小时k歌！美女</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[讲座]<a
													href="https://www.runoob.com/html/html- scripts.html">万圣夜和美女僵尸有个约会</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">10月30日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[培训]<a
													href="https://www.runoob.com/html/html- scripts.html">打工江湖玄武派英雄招募令！</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
								</table>
							</div>
						</div>
			</tr>
			<tr>
				<td>
					<div id="1" style="width: 363px;">
						<!-- 			<p><img src="img/导航.png" width="363px "></p>
	        <div style="width:100px; height:100px; background:url('1.jpg') 0 0 repeat;">
	            <input type="button" value="<<更多" />
	        </div> -->
						<div style="position:relative;">
							<img src="img/导航5.png" width="400px " />
							<input type="button" value="<<更多"
								style="position:absolute; right:8px; top:10px;width:50px;height:20px" />
						</div>
						<div id="life">
							<div style="width:331px;margin:0 auto;position: relative;font-size:0px;">
								<img src="music.jpg">
								<div
									style="width:100%;height:30px;position:;background: rgba(0,0,0,0.4);left:0;bottom:0;color:#fff;font-size:16px;line-height:30px;text-align: center;">
									Zoo Festival北京最大的电子音乐节
								</div>
								<p style="font-size:13px">时间：11月7日 星期六 14：30<br>
									地点：朝阳区西大望路珠江帝景区E区8号楼2单位-201<br>
									报名人数：<span style="color:coral">4</span>/40
									&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <span
										style="color:coral">2</span>条留言<br>
									休闲活动卡：<span
										style="color:coral">0元</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
									现金支付：<span style="color:coral">100元</span></p>
								<div id="xuxian"></div>
								<table border="0">
									<tr>
										<td>
											<p style="font-size:13px">[演出]<a
													href="https://www.runoob.com/html/html- scripts.html">Networking
													Cocktall Party
												</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月4日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[电影]<a
													href="https://www.runoob.com/html/html- scripts.html">周六朝外麦乐迪四小时k歌！美女</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[演出]<a
													href="https://www.runoob.com/html/html- scripts.html">万圣夜和美女僵尸有个约会</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">10月30日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[音乐]<a
													href="https://www.runoob.com/html/html- scripts.html">打工江湖玄武派英雄招募令！</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月7日</span></p>
										</td>
									</tr>
								</table>
							</div>
						</div>

				</td>
				<td>
					<div id="1" style="width: 363px;">
						<!-- 			<p><img src="img/导航.png" width="363px "></p>
	        <div style="width:100px; height:100px; background:url('1.jpg') 0 0 repeat;">
	            <input type="button" value="<<更多" />
	        </div> -->
						<div style="position:relative;">
							<img src="img/导航6.png" width="400px " />
							<input type="button" value="<<更多"
								style="position:absolute; right:8px; top:10px;width:50px;height:20px" />
						</div>
						<div id="life">
							<div style="width:331px;margin:0 auto;position: relative;font-size:0px;">
								<img src="english.jpg">
								<div
									style="width:100%;height:30px;position:;background: rgba(0,0,0,0.4);left:0;bottom:0;color:#fff;font-size:16px;line-height:30px;text-align: center;">
									【IECE】说英语，交朋友，IECE Supporter招
								</div>
								<p style="font-size:13px">时间：11月7日 星期六 14：30<br>
									地点：给paker（昵称packer330）写私信就可以了<br>
									报名人数：<span style="color:coral">7</span>/40
									&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp <span
										style="color:coral">5</span>条留言<br>
									休闲活动卡：<span
										style="color:coral">0元</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
									现金支付：<span style="color:coral">0元</span></p>
								<div id="xuxian"></div>
								<table border="0">
									<tr>
										<td>
											<p style="font-size:13px">[公益]<a
													href="https://www.runoob.com/html/html- scripts.html">夫妻旅游研讨会
												</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月14日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[公益]<a href="https://www.runoob.com/html/html- scripts.html">雷锋基金会旗下 随缘放生组后海</a>
											</p>
										</td>
										<td>
											<p style=" font-size:13px"><span style="color:coral">11月15日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[公益]<a
													href="https://www.runoob.com/html/html- scripts.html">天气渐冷，给太阳村的孩子送温暖</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">11月1日</span></p>
										</td>
									</tr>
									<tr>
										<td>
											<p style="font-size:13px">[公益]<a
													href="https://www.runoob.com/html/html- scripts.html">捐赠儿助会瘫痪康复项目</a>
											</p>
										</td>
										<td>
											<p style="font-size:13px"><span style="color:coral">10月30日</span></p>
										</td>
									</tr>
								</table>
							</div>
						</div>


			</tr>
		</table>
	</body>
</html>
